<%@page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <link type="text/css" rel="stylesheet" href=/book/css/read.css>
    <script type="text/javascript" src="/book/scripts/jquery-2.2.1.js"> </script>
    <script type="text/javascript" src="/book/scripts/jquery.page.js"></script> 
    
<title>图书阅读</title>
</head>
<body>
  <div>
    <div class="content"> 
    <s:property value="result" escape="false"/>  
    </div>
    <div class="video" style="display:none">
     <p class="keyword"></p>
      <div class="title">
        <ul>
          <li id="wangyi">
            <a>网易</a>
          </li>
 
          <li id="youku"> 
             <a>优酷</a>   
          </li>
          <li id="tudou">  
            <a>土豆</a>
          </li>
          
        </ul>
      </div>
      
      <div class="videoContent">
      
        <div id="wangyiVideo" class="picVideo">
           <div>
             <a class="link0"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a class="link0"><img></img></a>
             <p></p>
           </div>
           
           <div >
             <a class="link0"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a class="link0"><img></img></a>
             <p></p>
           </div>
        </div>
      
        <div id="youkuVideo" class="picVideo">
           <div>
             <a  class="link1"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a  class="link1"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a  class="link1"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a  class="link1"><img></img></a>
             <p></p>
           </div> 
                           
        </div>
        
        <div id="tudouVideo" class="picVideo">
           <div>
             <a class="link2"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a class="link2"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a class="link2"><img></img></a>
             <p></p>
           </div>
           
           <div>
             <a class="link2"><img></img></a>
             <p></p>
           </div>
           
        </div>
        
      </div>
    </div> 
 </div>   
 
  <div class="page">
  </div>
  <div class="jump">
           转至<input type="text"/>页 
    <a>go</a>  
  </div>
  <div id="trans" style="display:none">
  <s:property value="url"/>
  </div>
  <script type="text/javascript" src="/book/scripts/read.js"></script> 
  <script type="text/javascript">
  $(".page").createPage({
      pageCount:<s:property value="pageNumber"/>,
      current:0,
      backFn:function(p){
    	  $('.jump input').val('');
    	  $('.video').css('display','none');
          var url="/book/content";
          var params={
          		pageNumber:p,
          		baseUrl:$("#trans").text()
          };
          $.post(
          	url,
          	params,
          	function(data){
          		$(".content").html(data);
          	},
          	"json"
          );
      }
  });

  </script> 
  </body>
</html>